<template>
  <section class="experience-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="experience-content">
            <h3 class="title">We have over 30 years experience in this industry</h3>
          </div>
          <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-7">
              <div class="experience-item mt-30">
                <span><i class="fa fa-angle-right"></i> Best project planning</span>
                <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
              </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-7">
              <div class="experience-item mt-30">
                <span><i class="fa fa-angle-right"></i> We build future</span>
                <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
              </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-7">
              <div class="experience-item mt-30">
                <span><i class="fa fa-angle-right"></i> Efficient Building</span>
                <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
              </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-7">
              <div class="experience-item mt-30">
                <span><i class="fa fa-angle-right"></i> Skilled contractors</span>
                <p>Lorem ipsum is not tex dolor sit amet, consectetur notted.</p>
              </div>
            </div>
          </div>
          <div class="sing-in">
            <img src="/assets/images/singin.png" alt="singin">
          </div>
        </div>
        <div class="col-lg-6">
          <div class="experience-thumb animated wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms">
            <img src="/assets/images/experience-thumb.png" alt="experience">
          </div>
        </div>
      </div>
    </div>
    <div class="shape-1 animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
      <img src="/assets/images/shape/shape-6.png" alt="shape">
    </div>
    <div class="shape-2">
      <img src="/assets/images/shape/shape-5.png" alt="shape">
    </div>
  </section>
</template>

<script>
    export default {
        name: "ExperienceArea"
    }
</script>

<style scoped>

</style>
